@import './common.less';

// 床位图
.bed-bitmap-container {
  height: 100%;

  // 顶部信息
  .bbc-header {
    width: 100%;
    height: 46px;
    padding-left: 18px;
    box-shadow: 10px 0 6px 0px rgba(0, 0, 0, 0.15);

    .bbc-header-body-title {
      span {
        margin-right: 12px;
      }

      span:last-child {
        margin-right: 0;
      }
    }
  }

  // 顶部右侧护理级别
  .bbc-care-level {
    .bbc-care-level-item {
      margin-right: 12px;
    }
  }

  // 顶部右侧颜色备注
  .bbc-record-color-notes {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    border-radius: 2px;
  }

  // 床位图内容区域
  .bbc-content {
    height: calc(~'100% - 46px');
    padding-top: 6px;
    box-sizing: border-box;

    .bbc-content-body {
      height: 100%;
      width: 100%;
      overflow: auto;
      position: relative;

      &>div {
        height: 100%;
        overflow: auto;
      }
    }

    // 内容区域左侧等候区部分
    .bbc-content-body-left {
      width: 100%;
      height: 100%;
      padding: 0 6px;
      overflow: auto;
    }

    .bbc-tree {
      .bbc-tree-child-nodes .ant-tree-switcher.ant-tree-switcher-noop {
        width: 0;
        display: none;
      }

      .ant-tree li span.ant-tree-switcher,
      .ant-tree li span.ant-tree-iconEle {
        width: 16px;
      }

      .ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
        width: calc(~'100% - 16px');
      }

      // 溢出隐藏，点点点显示
      .bbc-ward-info-tree-child-nodes .ant-tree-node-content-wrapper {
        width: 100%;
        padding: 0 2px;
        // padding-left: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgba(0, 0, 0, 0.85);
      }

      // 溢出换行
      .bbc-tree-child-nodes .ant-tree-node-content-wrapper {
        width: 100%;
        padding: 0 2px;
        height: initial;
        white-space: wrap;
        color: rgba(0, 0, 0, 0.85);
      }

      .bbc-right-menu-select .ant-tree-node-content-wrapper {
        background-color: #e6f7ff;
      }
    }

    // 内容区域中间过滤条件部分
    .bbc-bed-filter {
      border-bottom: 1px solid #e8e8e8;

      .bbc-bed-filter-item {
        width: 100%;
        padding: 4px 12px 6px;

        button {
          margin-right: 8px;
        }

        button:last-child {
          margin-right: 0;
        }
      }

      .bbc-bed-other-filter {
        padding-top: 0px;
      }
    }

    .bbc-content-body-center {
      height: 100%;
    }

    .bbc-content-body-right {
      height: 100%;

      .ant-card.ant-card-small {
        height: 100%;
        overflow: hidden;
      }

      .ant-card-head {
        min-height: 43px;
      }
    }
  }

  // card图标
  .bbc-card-icon {
    margin-right: 6px;
  }

  .bbc-bed-list {
    padding: 6px 6px 0 0;
    box-sizing: border-box;

    .bbc-bed-list-body {
      width: 100%;
      height: 100%;
      padding: 6px 6px 0 12px;
      overflow: auto;
    }

    .bbc-bed-list-item {
      width: 246px;
      margin: 0 10px 10px 0;
    }

    .bbc-beds-row-10:nth-of-type(10n),
    .bbc-beds-row-9:nth-of-type(9n),
    .bbc-beds-row-8:nth-of-type(8n),
    .bbc-beds-row-7:nth-of-type(7n),
    .bbc-beds-row-6:nth-of-type(6n),
    .bbc-beds-row-5:nth-of-type(5n),
    .bbc-beds-row-4:nth-of-type(4n),
    .bbc-beds-row-3:nth-of-type(3n),
    .bbc-beds-row-2:nth-of-type(2n),
    .bbc-beds-row-1:nth-of-type(1n) {
      margin-right: 0;
    }

    // // 最后五个
    // .bbc-bed-list-item:last-of-type(-(n+5)) {
    //   margin-bottom: 0;
    // }
  }
}

// 滚动列表
.scroll-list {
  .scroll-container {
    display: flex;
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
    width: 100%;
  }

  i {
    font-size: 12px;
    color: #999;
  }

  .scroll-list-arrow-left {
    margin-right: 8px;
  }

  .scroll-list-arrow-right {
    margin-left: 8px;
  }

  .scroll-list-arrow-left:hover,
  .scroll-list-arrow-right:hover {
    color: #000000a6 !important;
  }
}